import { AppSidebar } from "@/components/app-sidebar"
import { DetectionResults } from "@/components/detection-results"
import { SiteHeader } from "@/components/site-header"
import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar"

export default function ResultsPage({ params }: { params: { id: string } }) {
  return (
    <SidebarProvider>
      <AppSidebar />
      <SidebarInset>
        <SiteHeader title="检测结果" />
        <div className="flex flex-1 flex-col p-4 md:p-6">
          <div className="flex flex-col gap-4">
            <h1 className="text-2xl font-bold tracking-tight">照片检测结果</h1>
            <p className="text-muted-foreground">查看 AI 检测到的物体、人物和场景。</p>
            <DetectionResults id={params.id} />
          </div>
        </div>
      </SidebarInset>
    </SidebarProvider>
  )
}
